.body-auth {
    #content {
        background-color: $dark-light;
        background: url('../images/background/1.png') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
    }
}

.btn-minimal {
    color: $reverse;
    color: rgba(255,255,255,.8);
    background-color: transparent;
    border-color: $reverse;
    border-color: rgba(255,255,255,.8);

    &:hover,
    &:focus,
    &:active,
    &.active {
        color: $reverse;
        background-color: rgba(255,255,255,.1);
    }
    .open & {
        &.dropdown-toggle {
            color: $reverse;
            background-color: rgba(255,255,255,.1);
        }
    }
}


.page-signin,
.page-signup,
.page-forgot {

    h1 {
        font-weight: 300;
        color: $bright;
        font-size: 54px;
        margin-bottom: 60px;
        a {
            color: $bright;
        }
    }

    .card {
        .card-content {
            padding: 30px 20px;
        }
    }

    .ui-input-group {
        .form-control {
            color: $gray;
        }
    }

    .form-group {
        position: relative;
        margin: 0;
    }

    .signin-header {
        margin-top: 50px;
        @media (min-width: $screen-sm) {
            margin-top: 100px;
        }
    }

    .logo {
        font-size: 26px;
        font-weight: normal;
        // text-transform: uppercase;
        a {
            &:hover {
                text-decoration: none;
            }
        }
    }

    //
    .wrapper {
        padding: 0 10px;
    }

    .main-body {
        max-width: 420px;
        margin: 10px auto;
    }
}
